<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>padding的讲解</title>
	<style type="text/css">
		div{
			width: 180px;
			height: 180px;
			background-color: green;
		
			/*padding-top: 20px;
			padding-left: 20px;
			padding-bottom: 20px;
			padding-right: 50px;*/
			/* 上 下 左 右*/
			/*padding: 20px;*/
			/* 上下   左右*/
			/*padding: 20px 40px;*/
			/* 上 左右   下*/
			/*padding: 20px 30px 40px;*/
			/* 上  右  下 左*/
			padding: 10px 20px 30px 40px;
		}
	</style>
</head>
<body>
	<!-- 内边距： 盒子边框到内容的距离 -->
	<div>mjj</div>


</body>
</html>